<template>
    <div class="header">
     	<div class="logo-wrapper" @click="routerIndex">
        <img src="../img/logo.png" class="logo"></img>
      </div>
    </div>
</template>

<script>
export default {
     methods:{
        routerIndex:function(){
        console.info(this,this.$router)
            this.$router.push('/');
          }
     }
}
</script>

<style>
.header {
  height:60px;
  line-height: 60px;
  background-color:#33a9d8;
  .logo-wrapper{
      display:inline-block;
      width:160px;
      height:100%;
      cursor:pointer;
      .logo{
         width:150px;
         height:56px;
         margin-top:2px;
      }
  }

}
</style>
